<template>
  <div class="pagestyle">
    <tubiao v-if="!state.qiehuanFlag" @qiehuan="qiehuanFn"></tubiao>
   <liebiao v-else @qiehuan="qiehuanFn"></liebiao>
  </div>
</template>
<script setup>
import { reactive } from "vue-demi";
import liebiao from "./components/liebiao.vue";
import tubiao from "./components/tubiao.vue";
components: {
  liebiao,
  tubiao
}
const state=reactive({
  qiehuanFlag:false,
})
const qiehuanFn=()=>{
  state.qiehuanFlag = !state.qiehuanFlag
  console.log("qiehuanFn")
}
</script>
<style scoped lang="scss">

</style>